<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05-Vue数据双向传递</title>
   <script src="../common/js/vue.js"></script>
</head>
<body>
<!--这里是MVVM中的V-(View) -->
<div id="app">
    <h1>{{name}}</h1>
    <input type="text" v-model = "msg">
</div>
</body>
<script>
    // 这里是MVVM中的VM-(View Model)
    /* 1. 创建 vue 实例对象 */
    let vue = new Vue({
        // 2. 声明vue的实例对象控制页面的哪个区域
        el: '#app',
        // 3. 声明vue控制区域可以使用的数据
        // 这里是MVVM中的M(Model)
        data: {
            name: 'cl',
            msg: "靓仔七号"
        }
    })
</script>
</html>